<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:p="http://primefaces.prime.com.tr/ui"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:f="http://java.sun.com/jsf/core">
<h:head>
  <title>Filtro</title>
</h:head>
<h:body>
<center>
<style>

body{
   background-image: url("http://i.imgur.com/VNPIedF.png");
     }
</style>
<img src="http://i.imgur.com/XsodrDK.png">
</img>
</center>

<center>
<u><font face="castellar" size="15px" color="White">CARACTERISTICAS DE SALA</font></u>
</center>
<br/>
<br/>
<center>
   <h:form>
<center>
<p:breadCrumb>
    <p:menuitem value="Registro" url="#" />
    <p:menuitem value="HOME" url="http://localhost:8080/ReservarSalas/faces/Home.xhtml" />
</p:breadCrumb>
</center>
<br/>
<br/>
	<font face="verdana" size="5" color="BLACK">
    <table border="1">
    
   
     
    <tr>
    <td>
    <font face="arial" size="5px" color="White">N° Estudiantes *</font>
    </td>
    <td>
     <select name="Nestudiantes">
    <option value="" selected="selected">--------------------------------------</option>
    <option value="25-30" >25-30</option>
    <option value="25-35" >25-35</option>
    <option value="25-40" >25-40</option>
    <option value="25-45" >25-45</option>
   
   
    </select>
     
     </td>
     </tr>

     
     <tr>
    <td>
   <font face="arial" size="5px" color="White">Software *</font>
    </td>


    <td>
       <h:selectOneMenu value="#{Filtro.software}" onchange="submit()"
			valueChangeListener="#{Filtro.countryLocaleCodeChanged}" >
   			<f:selectItems value="#{Filtro.contryInMap}" />
   		    </h:selectOneMenu>
  
    </td>
 
    </tr>
    
    <tr>
    <td>
     <font face="arial" size="5px" color="White">Fecha *</font>
    </td>
    <td>
   <p:calendar value="#{Filtro.fechaReserva}" id="poppupCal"/>
 	    <h:outputText  id="popudDate">
        <f:convertDateTime pattern="yyyy-mm-dd"/>
        </h:outputText>
    </td>
  </tr>
     
  <tr>
    <td>
    <font face="arial" size="5px" color="White">Hora de Sala *</font>
    </td>
    <td>
    <center>
    <font face="arial" size="5px" color="White">Inicio</font><br/>
     <h:outputText name="ini"/><select name="hora">
    <option value="" selected="selected"></option>
    <option value="6" >6</option>
    <option value="7" >7</option>
    <option value="8" >8</option>
    <option value="9" >9</option>
    <option value="10" >10</option>
    <option value="11" >11</option>
    <option value="12" >12</option>
    <option value="13" >13</option>
    <option value="14" >14</option>
    <option value="15" >15</option>
    <option value="16" >16</option>
    <option value="17" >17</option>
    <option value="18" >18</option>
    <option value="19" >19</option>
    <option value="20" >20</option>
    <option value="21" >21</option>
       
    </select>
    <h:outputText name="ini"/><select name="minutos">
    <option value="" selected="selected"></option>
   <option value=":00" >:00</option>
    <option value=":30" >:30</option>
    </select>
    </center>
     </td>
   </tr>
  
-------------------------------------------
 <tr>
    <td>
    <font face="arial" size="5px" color="White"></font>
    </td>
    <td>
    <center>
    <font face="arial" size="5px" color="White">fin</font><br/>
     <h:outputText name="ini"/><select name="hora">
    <option value="" selected="selected"></option>
    <option value="6" >6</option>
    <option value="7" >7</option>
    <option value="8" >8</option>
    <option value="9" >9</option>
    <option value="10" >10</option>
    <option value="11" >11</option>
    <option value="12" >12</option>
    <option value="13" >13</option>
    <option value="14" >14</option>
    <option value="15" >15</option>
    <option value="16" >16</option>
    <option value="17" >17</option>
    <option value="18" >18</option>
    <option value="19" >19</option>
    <option value="20" >20</option>
    <option value="21" >21</option>
    <option value="21" >22</option>
       
    </select>
    <h:outputText name="ini"/><select name="minutos">
    <option value="" selected="selected"></option>
   <option value=":00" >:00</option>
    <option value=":30" >:30</option>
    </select>
    </center>
     </td>
   </tr>  
  
  
   </table>
  </font>      
  
<br/>
 
    <input type="button" onClick=" location.href='http://localhost:8080/ReservarSalas/faces/Disponibles.xhtml' " value="Consultar Salas" name="boton" />
       
      </h:form>
 </center>
    </h:body>
  </html>